<!DOCTYPE html>
<html>

<head>
	<link rel="stylesheet" type="text/css" href="./src/bootstrap.min.css">
	<!-- jReject -->
	<link rel="stylesheet" type="text/css" href="./src/jquery.reject.css">
	<link rel="stylesheet" type="text/css" href="./src/layer.css">
	<script type="text/javascript" src="./src/jquery.min.js"></script>
	<script type="text/javascript" src="./src/jquery.reject.js"></script>
	<script type="text/javascript" src="./src/jquery.reject.360.js"></script>
	<script src="./src/bootstrap.min.js"></script>
	<script src="./src/clipboard.min.js"></script>
	<script src="./src/layer.js"></script>
	<script src="./src/FileSaver.js"></script>
</head>

<body>
	<link rel="stylesheet" type="text/css" href="./src/app.css">
	<div class="panel panel-default">
		<div class="panel-body">
			<!--内容块开始-->
			<link rel="stylesheet" type="text/css" href="./src/core.css">
			<style type="text/css">
				* {
					font-size: 13px;
				}

				#body-wrapper {
					width: 100%;
				}

				/* Content Wrapper */
				#content-wrapper {
					width: 100%;
					height: 100%;
					padding: 0px;
					/* padding-bottom: 88px;
					margin-bottom: -85px; */
					text-align: left;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					box-sizing: border-box;
				}

				#copyright-wrapper {
					margin: 0 auto;
					margin-bottom: 0px;
				}

				body {
					overflow: auto;
				}
			</style>
			<div id="content-wrapper" style="height:700px;">

				<div id="jsonformatter"></div>
				<div id="splitter"></div>
				<div id="jsoneditor"></div>

				<div class="clear" style="clear: both; "></div>

			</div>
			<div class="clear" style="clear: both; "></div>

			<DIV class="container">
				<div class="row">


					<div class="btn-group" role="group" aria-label="..." style="float: left;">
						<button class="btn btn-danger" id="saveAs" style="margin-left: 15px;">保存</button>
						<input click-type="copy" onclick="$(this).attr('data-clipboard-text',$jsonTextArea.val())"
							class="btn btn-default" type="button" value="复制">
						<input type="button" value="压缩" onclick="yasuo(1);" class="btn btn-default">
						<input type="button" value="转义" onclick="yasuo(2);" class="btn btn-default">
						<input type="button" value="压缩并转义" onclick="yasuo(3);" class="btn btn-default">
						<input type="button" value="去除转义" onclick="yasuo(4);" class="btn btn-default">
						<input type="button" value="Unicode转中文" onclick="u2h()" class="btn btn-default">
						<input type="button" value="中文转Unicode" onclick="h2u()" class="btn btn-default">
						<input type="button" value="中文符号转英文符号"
							title="如果您从他人技术博客copy代码时,可能会因为json中重要符号被替换成中文字符而导致校验失败,这时就可以使用本功能替换"
							onclick="cnChar2EnChar()" class="btn btn-default">
						<input click-type="copy" data-clipboard-target="#json_input"
							style="color: #fff; background-color: #ec971f;" type="button" value="复制" class="btn btn-default">
					</div>
					<div class="btn-group" role="group" style="margin-left: 15px;float:left;margin-right: 20px; "
						aria-label="...">
						<button type="button" class="btn btn-primary" onclick="convert(1);">正序</button>
						<button type="button" class="btn btn-primary" onclick="convert(2);">倒序</button>
						<button type="button" class="btn btn-primary" onclick="demo();">测试用例</button>
						<button type="button" class="btn btn-danger" onclick="Empty();">清空结果</button>

					</div>


				</div>
				<div class="row" style="margin-top:10px;">
					<div class="btn-group" role="group" style="float:left;" aria-label="...">
						<button type="button" class="btn btn-primary" onclick="deser();">反序列化</button>
						<button type="button" class="btn btn-primary" onclick="demo2();">测试用例</button>
						<button type="button" class="btn btn-danger" onclick="Empty();">清空结果</button>
					</div>
				</div>
			</div>

			<DIV class="clearfix"></DIV>
			<DIV class="container" id="excel2json">
				<DIV class="row">
					<TEXTAREA name="RawJson" class="form-control" id="content" spellcheck="false"
						placeholder="请在excel里复制下内容贴到上面一个文本框里" rows="10"></TEXTAREA>
					<INPUT id="ctype" type="hidden" value="0">
				</DIV>
				<DIV class="input-group" style="width: 280px; margin-right: 10px; float: left;">
					<SPAN class="input-group-addon" id="basic-addon1">分隔符</SPAN>
					<INPUT class="form-control" id="fgfstr" aria-describedby="basic-addon1" type="text"
						placeholder="默认是制表符" value="">
					<SPAN class="input-group-addon">
						<INPUT id="nob" type="checkbox" checked="checked"> 值全部用字符串
					</SPAN>
				</DIV>
				<DIV class="btn-group" role="group" style="margin-right: 10px; float: left;" aria-label="...">
					<BUTTON class="btn btn-primary" id="changebtn2" type="button">转换为Json</BUTTON>
					<BUTTON class="btn btn-primary" id="testcaseexcel" type="button">Excel demo</BUTTON>
					<button type="button" class="btn btn-primary" id="changebtn">转换为Excel</button>
					<button type="button" class="btn btn-primary" id="testcase">Json demo</button>
					<button type="button" class="btn btn-primary" id="download">下载csv</button>
					<button type="button" class="btn btn-danger" onclick="$('textarea').val('')">清空</button>
				</DIV>
				<DIV class="btn-group" role="group" style="margin-right: 20px; float: left;" aria-label="...">
					<BUTTON class="btn btn-default dropdown-toggle" id="sels" aria-expanded="false" aria-haspopup="true"
						type="button" data-toggle="dropdown">按行转成对象<SPAN class="caret"></SPAN>
					</BUTTON>
					<UL class="dropdown-menu">
						<LI><A onclick="c(0,this)" href="javascript:;">按行转成对象</A></LI>
						<LI><A onclick="c(1,this)" href="javascript:;">按行转成数组</A></LI>
					</UL>
				</DIV>
				<div class="clear" style="clear: both; "></div>
				<DIV class="container" id="php2json">
					<div style="padding-top: 10px;">
						<textarea id="out" name="RawJson" class="json_input form-control" rows="10" style="width: 100%;"
							spellcheck="false" placeholder="转换后的内容"></textarea>
					</div>
					<div style="padding-top: 10px;">
						<textarea id="phpout" name="RawPHP" class="json_input form-control" rows="10"
							style="width: 100%;" spellcheck="false" placeholder="转换后的内容"></textarea>
					</div>

				</div>
				<div class="clear"></div>



			</div>
		</div>
</body>
<!-- JSON Editor Online -->
<script type="text/javascript" src="./src/common.js"></script>
<script type="text/javascript" src="./jsonsort.js"></script>
<script type="text/javascript" src="./jsonyasuo.js"></script>

<link rel="stylesheet" type="text/css" href="./src/jsoneditor.css">
<script type="text/javascript" src="./src/jsoneditor.js"></script>

<script type="text/javascript" src="./src/notify.js"></script>
<script type="text/javascript" src="./src/splitter.js"></script>
<script type="text/javascript" src="./src/app.js"></script>
<script type="text/javascript" src="./src/jsonlint.js"></script>

<script type="text/javascript" src="./jsoneditor.js"></script>
<script type="text/javascript" src="./excel2json.js"></script>

</html>